<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- 框架头 -->
    <script language="JavaScript" src="../FrontFrame/head.js"></script>
    <script language="JavaScript" src="../js/Room.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/Room.css">
    <title>教室管理系统</title>

</head>
<body>
<!-- 房间修改的模态框 -->
<div class="modal fade" id="roomUpdateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >房间修改</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="id_update_input" placeholder="id">
                        </div>
                    </div>
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">房&nbsp;&nbsp;间&nbsp;&nbsp;名</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="name_update_input" placeholder="name">
                        </div>
                    </div>
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">设&nbsp;&nbsp;备&nbsp;&nbsp;ID</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="equipmentId_update_input" placeholder="equipment_id">
                        </div>
                    </div>
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">使用情况</label>
                        <div class="col-sm-9">
                            <label class="radio-inline">
                                <input type="radio" name="roomUse" id="roomUse_update_input" value="1" >使用中
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="roomUse" id="roomUse2_update_input" value="2">未使用
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">录入时间</label>
                        <div class="col-sm-9">
                            <input type="input" name="inputTime" class="form-control" id="inputTime_update_input" readonly="true">
                            <span class="help-block"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">课表编号</label>
                        <div class="col-md-2">
                            年级：<select id="grade2" class="form-control"></select>
                        </div>
                        <div class="col-md-2">
                            班级：<select id="classs2" class="form-control"></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">房间类型</label>
                        <div class="col-sm-9">
                            <label class="radio-inline">
                                <input type="radio" name="roomType" id="roomType_update_input" value="1">会议室
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="roomType" id="roomType2_update_input" value="2">教室
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">房间简介</label>
                        <div class="col-sm-9">
                            <textarea class="form-control" id="roomDetails_update_input" rows="3"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label"></label>
                        <div class="col-sm-9">
                            <input type="text" name="standby1" class="form-control" id="standby1_update_input" VALUE="1" readonly="readonly" style="display: none">
                            <span class="help-block"></span>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="room_update_btn" >修改</button>
            </div>
        </div>
    </div>
</div>


<!-- 房间添加的模态框 -->
<div class="modal fade" id="roomAddModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">房间添加</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="id_add_input" placeholder="id">
                        </div>
                    </div>
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">房&nbsp;&nbsp;间&nbsp;&nbsp;名</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="name_add_input" placeholder="name">
                        </div>
                    </div>
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">设&nbsp;&nbsp;备&nbsp;&nbsp;ID</label>
                        <div class="col-sm-9">
                            <input type="text" name="equipmentId" class="form-control" id="equipmentId_add_input" placeholder="equipment_id">
                        </div>
                    </div>
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">使用情况</label>
                        <div class="col-sm-9">
                            <label class="radio-inline">
                                <input type="radio" name="roomUse" id="roomUse_add_input" value="1" checked="checked"> 使用中
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="roomUse" id="roomUse2_add_input" value="2"> 未使用
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">课表编号</label>
                        <div class="col-md-2">
                            年级：<select id="grade1" class="form-control"></select>
                        </div>
                        <div class="col-md-2">
                            班级：<select id="classs1" class="form-control"></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">房间类型</label>
                        <div class="col-sm-9">
                            <label class="radio-inline">
                                <input type="radio" name="roomType" id="roomType_add_input" value="1" checked="checked"> 会议室
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="roomType" id="roomType2_add_input" value="2"> 教室
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">房间简介</label>
                        <div class="col-sm-9">
                            <textarea class="form-control" name="roomDetails" id="roomDetails_add_input" rows="3"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label"></label>
                        <div class="col-sm-9">
                            <input type="text" name="standby1" class="form-control" id="standby1_add_input" VALUE="1" readonly="readonly" style="display: none">
                            <span class="help-block"></span>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="room_save_btn">保存</button>
            </div>
        </div>
    </div>
</div>
<!-- 查询考勤模态框 -->
<div class="modal fade" id="kaoqin" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">考勤信息</h4>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 查询课程模态框 -->
<div class="modal fade" id="kecheng" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">课程信息</h4>
            </div>
            <div class="modal-body">
                <table class="table table-hover">
                    <tr>
                    <th>课节/日期</th>
                    <th>星期一</th>
                    <th>星期二</th>
                    <th>星期三</th>
                    <th>星期四</th>
                    <th>星期五</th>
                    <th>星期六</th>
                </tr>
                    <tr>
                        <th>1</th>
                        <th>语文</th>
                        <th>数学</th>
                        <th>英语</th>
                        <th>生物</th>
                        <th>物理</th>
                        <th>化学</th>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 搭建页面 -->
<div class="container">



    <!-- 按钮 -->
    <div class="row" id="top">
        <div class="col-md-4 col-md-offset-0">
            <button class="btn btn-primary" id="room_Add_Modal_btn">添加房间</button>
        </div>
        <div class="col-md-4">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="输入房间名" id="name">
                <span class="input-group-btn">
        <button class="btn btn-default" type="text"  onclick="find_name();">查询</button>
      </span>
            </div><!-- /input-group -->
        </div><!-- /.col-lg-4 -->
        <div class="col-md-4">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="输入设备ID"  id="equipment">
                <span class="input-group-btn">
        <button class="btn btn-default" type="text" onclick="equipmentid();">查询</button>
      </span>
            </div><!-- /input-group -->
        </div><!-- /.col-lg-4 -->
    </div>

    <div>
        <hr color="black" width="100%" style="height: 1px">
    </div>


    <!-- 显示数据 -->
    <div class="row">
        <div class="col-md-12">
            <table class="table table-hover " id="room_table">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>房间名</th>
                    <th>设备ID</th>
                    <th>房间使用情况</th>
                    <th>课表编号</th>
                    <th>录入时间</th>
                    <th>房间类型</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
    <!-- 分页 -->
    <div class="row">
        <!-- 分页信息 -->
        <div class="col-md-6" id="page_info_area"></div>
        <!-- 分页条信息 -->
        <div class="col-md-6" id="page_nav_area"></div>
    </div>
</div>

 </body>
</html>